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METHOD AND SYSTEM FOR COMPUTER SCREEN LAYOUT BASED 
ON A RECOMBINANT GEOMETRIC MODULAR STRUCTURE 

FIELD OF THE INVENTION 

The present invention relates generally to screen or page layouts. 

More particularly, the present invention relates to a method and system for arranging 

text and graphic images on a computer screen or printed page. The present invention 

may have applications including the design and layout of World Wide Web sites and 

operating system interfaces. 

BACKGROUND OF THE PRESENT INVENTION 
Initially, the Internet was a private network for government and 
academia that facilitated the exchange of text-based research across electronically- 
linked phone lines. More recently, the World Wide Web ("the Web") has grown 
from the Internet to include a broader demographic reach by enabling the transmittal 
of multiple types of media in addition to plain text. However, despite the sophis- 
tication of contemporary browser technologies, the web remains an increasingly 
difficult environment in which to present complex information in a simple manner. 

In the absence of compositional limitations, content developers try 
desperately to incorporate a wide variety of material types, including text and 
images, charts and research databases, stock tickers and transactional services, search 



engines and reference materials, plus personal files, linked files, and even linked 
applications. Additionally, this array of content and material types is being delivered 
and filtered through constantly changing technology and with ever evolving modes 
of presentation. While there are new and better delivery vehicles for this endless 
stream of content, what is missing is an underlaying visual structure for organizing 
and displaying this content. 

Web-site authoring software assists content developers in creating the 
hyper-text mark-up language ("HTML") necessary to enable such material to be 
"published" on the Web, but the resulting material is often poorly presented, and 
difficult to access, to navigate, and to understand. Some Web-site authoring tools, 
such as Fusion™^ available from NetObjects of Redwood City, California, offer a 
variety of page templates for the insertion and subsequent display of information 
including text and graphics. These page templates are professionally designed single 
pages or forms containing generic content which is used as a placeholder for the con- 
tent developers to replace with their own content or information. As such, the 
templates help the web page designer carve up a page or screen and create a frame- 
work in which information may be entered and displayed. Fusion^^, for example, 
offers a variety of combined column and row based layout templates, as well as a set 
of templates designed for specific subject matter such as archives, billing forms, 
calendar of events, employee profiles, etc. 



Although generic templates offer an attempted solution to this "web" 
of confusion, a more harmonious system of templates is needed to make this solution 
more reliable and more adaptable for different user needs. Accordingly, a system 
that offers a reliable and flexible toolkit for information architecture and display, and 
that provides a series of harmonious and coordinated templates to help developers 
edit, organize, and display their content to the users who need them most, is needed. 

Further, such a system for information architecture and management 
has numerous potential applications, including but not limited to a series of layout 
templates for site-authoring software; an interface structure for user-driven informa- 
tion arrangement within an Internet or Intranet browser (e.g., user-driven personal- 
ization in My Netscape™ or My Yahoo™); or an interface structure for organizing 
files at the level of a computer operating system (e.g. windows sizeable and move- 
able by a user, but constrained to a given grid, or that open in fixed sizes, or that 
"snap to" fixed positions on a pre-determined grid structure). In each instance, the 
proposed invention offers a system for creating order in the display of information. 

Because information is often presented on a computer screen, the 
manner of presentation on such a screen is an important aspect of the above objects. 
Computer screens generally are in the form of a rectangular module. Although at 
first impression, the shape of a computer screen may be considered iminteresting, 
user perception of the screen, and the information thereby displayed, is in fact influ- 



enced by a host of cultural associations. Consequently, interpretations of something 
as simple as a rectangle can vary, suggesting different social, symbolic, metaphori- 
cal, aesthetic and even spiritual qualities that affect our understanding of, and 
relationship to, a computer interface through a computer screen. 



SUMMARY OF THE INVENTION 

It is therefore an object of the present invention to provide an im- 
proved organizational framework for information provided by computer interfaces 
such as used to create web pages or computer operating systems user-interfaces. 

It is a related object of the present invention to provide a system that 
offers a reliable and flexible toolkit for information architecture and display, and that 
provides a series of templates to help developers edit, organize, and display their 
content to the users. 

These and other objects, features, and advantages of the present inven- 
tion are accomplished in accordance with the principles of the present invention by 
invoking the geometric and proportional imperatives of the classic Japanese Tatami 
mat, to provide editing, visualization, and site architecture tools that enable devel- 
opers to create screen designs, such as Internet or Intranet sites, or operating system 
user-interfaces, that simplify information by making it visually appealing, culturally 
relevant, and functionally clear. The seemingly conflicting ideals of computer 
information sites are resolved in accordance with the principles of the present 
invention by using design in general (and geometry in particular) as powerful tools 
for communication, information delivery, and exchange. 

The present invention provides a design system that consists of a 
series of grid templates arranged in accordance with the recombinant geometries and 



compositional imperatives of the classic Japanese Tatami mat. The aspect ratio of 
the Japanese Tatami mat is based on a double square (a two-to-one ratio), which, in 
combination, lends itself to the basic proportions of a standard 15-inch computer 
monitor. The concept behind the present invention ~ the provision of a graphical 
grid, based on Tatami mat proportions, for displaying information on a computer 
screen - is a simple way to approach site design and information organization. The 
grid provided by the present invention is based on mathematically predetermined 
proportions ~ the modules of the grid work in varying combinations and can be 
repositioned. 

The above and other objects, features, and advantages of the present 
invention will be readily apparent from the following detailed description of the 
invention taken in conjunction with the accompanying drawings wherein like 
reference characters represent like elements, the scope of the invention being set out 
in the appended claims. 

BRIEF DESCRIPTION OF THE DRAWINGS 
For a more complete understanding of the present invention, reference 
is made to the following Detailed Description taken in conjunction with the 
accompanying drawings in which: 



Fig. 1 illustrates a screen having a two-by-two dimensional configura- 
tion; 

Figs. 2A and 2B show templates having the two-by-two dimensional 
ratio of Fig. 1 and divided into a grid structure based on a Japanese tatami mat; 

Figs. 2Aa and 2Ab show alternative templates based on the template 
of Fig. 2 A, but with one of the grids further divided in half; 

Figs. 2Ba and 2Bb show alternative templates based on the template 
of Fig. 2B, but with one of the grids further divided in half; 

Figs. 3A, 3B, and 3C show templates having a two-by-three dimen- 
sional ratio and divided into a grid structure based on a Japanese tatami mat; 

Figs. 3 Aa, 3Ab, and 3 Ac show alternative templates based on the 
template of Fig. 3 A, but with one of the grids further divided in half; 

Figs. 3Ba, 3Bb, and 3Bc show alternative templates based on the 
template of Fig. 3B, but with one of the grids further divided in half; 

Figs. 3Ca, 3Cb, and 3Cc show alternative templates based on the 
template of Fig. 3C, but with one of the grids further divided in half; 

Figs. 4A-4E show templates having a two-by-four dimensional ratio 
and divided into a grid structure based on a Japanese tatami mat; 

Figs. 4Aa, 4Ab, 4Ac, and 4Ad show alternative templates based on 
the template of Fig. 4A, but with one of the grids further divided in half; 



Figs. 4Ba, 4Bb, 4Bc, and 4Bd show alternative templates based on the 
template of Fig. 4B, but with one of the grids fiirther divided in half; 

Figs. 4Ca, 4Cb, 4Cc, and 4Cd show alternative templates based on the 
template of Fig. 4C, but with one of the grids further divided in half; 

Figs. 4Da, 4Db, 4Dc, and 4Dd show alternative templates based on 
the template of Fig. 4D, but with one of the grids further divided in half; 

Figs. 4Ea, 4Eb, 4Ec, and 4Ed show alternative templates based on the 
template of Fig. 4E, but with one of the grids further divided in half; 

Figs. 5A-5K show templates having a three-by-four dimensional ratio 
and divided into a grid structure based on a Japanese tatami mat; 

Figs. 5Aa, 5Ab, 5Ac, 5Ad, 5Ae, and 5Af show alternative templates 
based on the template of Fig. 5 A, but with one of the grids further divided in half; 

Figs. 5Ba, 5Bb, 5Bc, 5Bd, 5Be, and 5Bf show alternative templates 
based on the template of Fig. 5B, but with one of the grids further divided in half; 

Figs. 5Ca, 5Cb, 5Cc, 5Cd, 5Ce, and 5Cf show alternative templates 
based on the template of Fig. 5C, but with one of the grids further divided in half; 

Figs. 5Da, 5Db, 5Dc, 5Dd, 5De, and 5Df show alternative templates 
based on the template of Fig. 5D, but with one of the grids fiuther divided in half; 
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Figs. 5Ea, 5Eb, 5Ec, 5Ed, 5Ee, and 5Ef show alternative templates 
based on the template of Fig. 5E, but with one of the grids further divided in half; 

Figs. 5Fa, 5Fb, 5Fc, 5Fd, 5Fe, and 5Ff show alternative templates 
based on the template of Fig. 5F, but with one of the grids further divided in half; 

Figs. 5Ga, 5Gb, 5Gc, 5Gd, 5Ge, and 5Gf show alternative templates 
based on the template of Fig. 5G, but with one of the grids further divided in half; 

Figs. 5Ha, 5Hb, 5Hc, 5Hd, 5He, and 5Hf show alternative templates 
based on the template of Fig. 5H, but with one of the grids further divided in half; 

Figs. 5Ia, 5Ib, 5Ic, 5Id, 5Ie, and 5If show alternative templates based 
on the template of Fig. 51, but with one of the grids further divided in half; 

Figs. 5Ja, 5Jb, 5Jc, 5Jd, 5Je, and 5Jf show altemative templates based 
on the template of Fig. 5 J, but with one of the grids further divided in half; 

Figs. 5Ka, 5Kb, 5Kc, 5Kd, 5Ke, and 5Kf show altemative templates 
based on the template of Fig. 5K, but with one of the grids further divided in half; 

Figs. 6A and 6B show templates having a three-by-four dimensional 
ratio and divided into a grid structure based on a Japanese tatami mats of different 
relative sizes; 

Figs. 7A-7I show templates having a three-by-five dimensional ratio 
and divided into a plurality of grids having dimensions based on a Japanese tatami 
mat. 



Fig. 8a illustrates a standard web authoring program using a prior art 
screen division. Figs. 8b and 8c illustrate a web authoring program using a template 
system of the present invention; 

Figs. 9a-9c illustrate various user driven repositioning of templates 
while maintaining the proportions the present invention; 

Fig. 10 illustrates directional text flow changing based on frame 
orientation; and 

Fig, 1 1 illustrates the progression of delving into a complex 
TatamiNet grid of information that rests within a single tatami shape sitting within a 
TatamiNet grid. 

DETAILED DESCRIPTION 
In general, a computer screen or page is in the form of a quadrilateral 
that may be divided to correspond to a first whole number of dimensional units 10 
(x) in a first direction of measurement (e.g., height) by a second whole number of 
dimensional units 10 (v) in a second direction of measurement (e.g., width). For in- 
stance, as illustrated in Fig, 1, a template 20 may have a two-by-two dimensional 
configuration, i.e., a first measurement of two dimensional units 10 and a second 
measurement of two dimensional units 10. Computer templates for entry and display 
of information are usually subdivided into a variety of shapes having dimensions 
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based on random combinations of dimensional units. In accordance with the princi- 
ples of the present invention, instead of providing templates having arbitrarily shaped 
and dimensioned grids, a system of screen templates 20 are provided with a plurality 
of grids arranged in accordance with the recombinant geometries and compositional 
imperatives of the classic Japanese tatami mat. The present invention thus provides a 
design system consisting of a series of templates resembling Japanese tatami mats 
and thus is referenced herein as "TatamiNet." 

The traditional tatami mat is a floor mat or series of floor mats used to 
define and subdivide space within a given room. The proportions of a tatami mat 
have been standardized as a rectangle with approximately a two-to-one ratio. The 
templates 20 of TatamiNet are divided into grids proportionally based on the aspect 
ratio of the tatami mat's double square configuration. Thus, the present invention 
provides a user interface on a computer screen (likened to a room in which tatami 
mats are to be laid), or document, that is subdivided into a grid of areas herein 
referred to as "tatami mats" 30, each mat 30 having approximately a two-by-one 
dimensional configuration (measurements of dimensional units in a first and a 
second measurement direction) of a traditional Japanese tatami mat. The grids are 
arranged to completely fill the entire information area provided by the template. 

As will be appreciated, various combinations of the TatamiNet may 
be created based on the basic two-to-one dimensional configuration ratio by combin- 
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ing mats of such proportions. The various templates of TatamiNet are selected and 
arranged depending on the proportions of the screen and the information to be 
provided such that the entire screen is divided into grids filling the template area. 
Thus, a screen having a two-by-two dimensional configuration may be subdivided 
into two side-by-side tatami mats 30, as shown in Figs. 2A and 2B. A screen with a 
two-by-three dimensional configuration likewise may be subdivided into an array of 
three tatami mats 30, as shown in Figs. 3A, 3B, and 3C, In a similar manner, screens 
with two-by-four dimensional configurations may be subdivided into an array of four 
tatami mats 30, as shown in Figs. 4A-4E, and screens with a three-by-four dimen- 
sional configurations may be subdivided into an array of six tatami mats 30, as 
shown in Figs. 5A-5K. As demonstrated by Figs. 7A-7I detailing three-by-five 
dimensional configurations, the present invention is equally applicable to larger and 
varying screen sizes and proportions. The term "screen" as used herein may refer to 
the entire physical display, or as would be understood by those of skill in the art, a 
portion or window of the display. It will be further understood by those of ordinary 
skill in the art that the approximate two-by-one dimensions of the mats may be 
varied at a minimum in an amount sufficient to allow the application of the present 
invention to screen ratios of standard computer displays. 

Because the dimensional configuration ratio, rather than the actual 
size, is the basis for the shape and dimension of mats 30 of the templates 20 of the 



present invention, the screen may be divided into larger-sized mats of the same tradi- 
tional Japanese tatami mat two-by-one dimensional configuration ratio. For exam- 
ple, a screen larger than a two-by-four dimensioned screen, such as the three-by-four 
dimensioned screens shown in Figs. 6A and 6B, may be provided with at least one 
double-sized tatami mat 40 having a two-by-four dimensional configuration (twice 
the size of the standard two-by-one ratio of mats 30). Standard-sized tatami mats 30 
are also provided, such that the entire template 20 is subdivided into grids having the 
proportions of the traditional Japanese tatami mats. 

Various other template dimensional configurations, for example three- 
by-five, four-by-four, four-by-five, etc. are possible. Moreover, such dimensional 
configurations as a three-by-five screen cannot be subdivided into a plurality of 
tatami mats 30 that would completely fill the screen. Accordingly, as shown in Figs. 
7A-7I, at least one square grid 50, having a one-by-one dimensional configuration 
ratio, must be provided so that the grids of template 20 completely fill the screen. It 
will be appreciated that a double-sized mat 40 may also be provided in combination 
with standard-sized tatami mats 30 to fill the screen. Mats 30, 40, and 50 may be ar- 
ranged in a variety of manners to provide a number of templates 20 each having a 
different grid arrangement, as may be appreciated with reference to Figs. 7A-7BD. 

Although the present invention is specifically directed to the provision 
of template grids that are dimensioned based on the proportions of the traditional 



Japanese tatami mat, it is also within the scope of the present invention to provide 
smaller dimensioned grids. Specifically, square grids 50, such as provided in the 
three-by-five dimensioned templates of Figs. 7A-7BD, which are essentially half of 
each tatami mat 30. Thus, any number of the tatami mats 30 of Figs. 2A, 2B, 3A-3C, 
4A-4E, 5A-5K, 6A, 6B, and 7A-7I may be further divided into individual square 
grids 50 having a one-by-one dimensional configuration ratio, so long as the grids of 
the desired dimensions fill the screen. This aspect of the present invention is 
consistent with the principles of the use of the tatami mat as a measure of space in 
Japanese architecture, wherein a room, or space, may be measured in both whole (a 
double square) and half (a single square) measures of Tatami. 

Exemplary templates based on templates with only tatami mats 30 
(grids having the dimensions of a standard Japanese tatami mat), but having square 
grids 50 instead of only tatami mat 30, are shown in Figures labeled with the same 
Figure number of the related template followed by a lower case letter. Thus, a 
modification of the template of Fig. 2 A, dividing at least one area filled by a single 
tatami mat 30 in Fig. 2A into two side-by-side square grids, is illustrated in Figs. 
2Aa and 2Ab. Similarly, Figs. 2Ba and 2Bb show modificafions of the template of 
Fig. 2B; Figs. 3Aa-3Ac show modifications of the template of Fig. 3 A, Figs. 3Ba- 
3Bc show modifications of the template of Fig. 3B; Figs. 3Ca-3Cc show modifica- 
tions of the template of Fig. 3C; Figs. 4Aa-4Ad show modifications of the template 
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of Fig. 4A; Figs. 4Ba-4Bd show modifications of the template of Fig. 4B; Figs. 4Ca- 
4Cd show modifications of the template of Fig. 4C, Figs. 4Da-4Dd show modifica- 
tions of the template of Fig. 4D; Figs. 4Ea-4Ed show modifications of the template 
of Fig. 4E; Figs. 5Aa-5Af show modifications of the template of Fig. 5 A; Figs. 5Ba- 
5Bf show modifications of the template of Fig. 5B; Figs. 5Ca-5Cf show modifica- 
tions of the template of Fig. 5C; Figs. 5Da-5Df show modifications of the template 
of Fig. 5D; Figs. 5Ea-5Ef show modifications of the template of Fig. 5E; Figs. 5Fa- 
5Ff show modifications of the template of Fig. 5F; Figs. 5Ga-5Gf show modifica- 
tions of the template of Fig. 5G; Figs. 5Ha-5Hf show modifications of the template 
of Fig. 5H; Figs. 5Ia-5If show modifications of the template of Fig. 51; Figs. 5Ja-5Jf 
show modifications of the template of Fig. 5 J; Figs. 5Ka-5Kf show modifications of 
the template of Fig. 5K; Figs. 6Aa-6Ac show modifications of the template of Fig. 
6 A; and Figs. 6Ba-6Bc show modifications of the template of Fig. 6B. 

It will be appreciated that the principles of the present invention may 
be applied to provide a large variety of screen template configurations for a variety of 
data/information entry and display programs and situations. The content developer, 
or user, thus has great latitude in customizing the screen to best suit his or her needs 
and/or tastes. The division of the screen into elongated units having the dimensions 
of a traditional Japanese tatami mat, as well as square units as desired, also permits a 
variety of arrangements of data or information. The templates may be rearranged, as 
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desired, to reconfigure and reorganize the mosaic of information displayed by the 
screen in its entirety. It is also within the scope of the present invention to permit 
rearrangement of grids of templates 20 as desired by the end user to rearrange grids 
to suit his or her needs and/or tastes. 

Working with the TatamiNet family of templates, a content developer 
may program a site to allow users the opportunity to configure their screens through 
geometric rearrangement to allow for cultural preferences. For example, the text to 
be displayed may either be read in the vertical direction (e.g., Japanese) or in the 
horizontal direction (e.g., English). In particular, the on-screen information pre- 
sented is subdivided into a number of grids making up a template having the dimen- 
sions of the screen on which the template is to be used and displayed. The content 
developer may create multiple pages within the same general grouping (e.g., 2x2, 
2x3, etc.) to allow the end-user to choose the compositional model that best suits 
their cultural preference: left to right, top to bottom, or a combination of the two. In 
this way, (as discussed in more detail below with reference to Fig. 10) the interface 
can be customized at will to suit not only the tastes and aesthetics of users at large, 
but also the orientation demands of either the Japanese (and more generally, Asian) 
or the Western user. Alternatively, the screen may be programmed to automatically 
generate alternate configurations within the same TatamiNet groupings, to allow the 
end-user to select any configuration within the grouping. The system may also be 



configured to query any language preferences stored on the end-user's computer or 
otherwise associated with the user. 

The templates of the present invention may be provided as a series of 
templates for web authoring tools, such as Fusion™. Fig. 8 shows the difference 
between a Web authoring program using a prior art screen division. Fig. 8a, and one 
using a template system of the present invention. Figs. 8b and 8c. 

Alternatively, the templates of the present invention can be imple- 
mented in various interfaces and programs as a system of repositionable frames with 
a grid: e.g., as a browser interface, as a plug-in to a browser, as an add-on to an inter- 
nal communications application, or as a series of templates that work on **snap-to 
guides" within any software programs containing layout capabilities (e.g.. Quark™, 
Filemaker™, etc.). In every instance, the templates automatically divide a screen 
into frames, each frame being used to enter or display data, information, graphics, 
etc., as desired. These frames may act as HTML-like frames. In some instances, the 
interface might allow the user to reposition the frames within the overall grid system. 

Fig. 9a-c show various examples of how such repositioning would 
appear to the user. The transition from screens 9000 to 9000' in Fig. 9a shows a 
typical example in which a mats may be enlarged or decreased while maintaining the 
proportions of the present invention. Graphic mat 9001 is shown as enlarged to 
9001', mats 9003, 9004, 9005 and 9006 are decreased in size to 9003', 9004', 9005' 



and 9006', while mat 9002 maintains the same size but changes in orientation to 
9002\ 

Fig. 9b illustrates a typical implementation of this system as a so- 
called "desktop display" for an operating system. Screen 9010 illustrates a typical 
desktop display for a system using the present invention. A first section of the screen 
9012 is used to display e-mail information, and a second section 901 1 displays a web 
browser. The user may wish to focus on the web browser 901 1 by increasing its size 
and changing its location. The system increases the size of web browser 901 T and 
decrease the size of other grids 9013 - 9016 to 9013' - 9016'. Certain applications, 
such as e-mail 9012 may be selected to maintain their size 9012*. As illustrated, 
although the size and location of the grids is changed, the system maintains the 
proportions of the present invention. Fig. 9c also shows a transition wherein 
individual grids change size, but the overall system maintains the proportions of the 
present invention. 

As illustrated in Fig. 10, the interface may allow the user to have 
directional text flow correspond to the vertical or horizontal orientation of the frame 
within the grid. Thus, for example, a user viewing language having a horizontal 
directional flow may prefer a horizontal orientation for the mat containing such 
information (i.e. a 2x1 mat wherein the mat is 2 dimensional units high (horizontal 
axis) and 1 dimensional unit wide (vertical axis)), while a user viewing language 
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having a vertical directional orientation may prefer a vertical orientation for the mat 
containing such information (i.e. a 1x2 mat v^herein the mat is 1 dimensional unit 
high (horizontal axis) and 2 dimensional units wide (vertical axis)). Fig. 10 shows an 
example of how such directional text flow would appear to the user changing from a 
screen 1000 having a vertical directional text flow, as may be preferable for the 
English language, to a screen 1000' having a horizontal directional text flow, as may 
be preferable for the Japanese language (the term "text" including character based 
languages). Screen 1000 is divided into several TatamiNet mats, including mats 
1001, 1002 and 1003 having a text in a vertical orientation as indicated by symbols 
and mat 1004 displaying graphic information. For a Japanese language orienta- 
tion screen 1000', text mats 1001, 1002 and 1003 would be converted into mats 
lOOr, 1002' and 1003' having a horizontal orientation as indicated by symbols "v". 
As noted above, the system may allow the user to switch between vertical and 
horizontal orientations, or the orientation may be automatically changed based on the 
user's selected language which may be automatically selected based on user configu- 
ration information. Thus, TatamiNet may be used in many situations or applications 
requiring the entry and/or display of data or information, such as text or graphics. 

While the foregoing description and drawings represent the preferred 
embodiments of the present invention, it will be understood that various additions, 
modifications and substitutions may be made therein without departing from the 



spirit and scope of the present invention as defined in the accompanying claims. In 
particular, it will be clear to those skilled in the art that the present invention may be 
embodied in other specific forms, structures, arrangements, proportions, and with 
other elements, and components, without departing from the spirit or essential 
characteristics thereof For instance, it will be appreciated that each template of the 
present invention is divided into grids that are preferably based on the dimensions of 
a Japanese tatami mat, it is within the scope of the invention to provide grids with 
different dimensional configurations as discussed above. One skilled in the art will 
appreciate that the invention may be used with many modifications of structure, ar- 
rangement, proportions, and components and otherwise, used in the practice of the 
invention, which are particularly adapted to specific environments and operative 
requirements without departing from the principles of the present invention. The 
presently disclosed embodiments are therefore to be considered in all respects as 
illustrative and not restrictive, the scope of the invention being indicated by the 
appended claims, and not limited to the foregoing description. 

Further, applications today primarily deal with the screen as a flat 
surface or two-dimensional space; in the near future, it is envisioned that the pro- 
posed invention would have application as well to the design and architecture of 
space conceived as virtual or three-dimensional. One example of such a potential 
development would solve the current problem where delving into a website involves 
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going from one page to the next, flat pages "linked" to other flat pages. An after- 
arising development could allow one to enter "into" a page, delving into a complex 
TatamiNet grid of information that rests within a single tatami shape sitting within a 
TatamiNet grid. Fig. 1 1 shows an example of how the TatamiNet grid of informa- 
tion can be delved into by a user, taking one grid 1101 of the screen 1 100 and 
enlarging it into it's own series 1111-1118 of TatamiNet grids. Likewise grid 1118 
is enlarged into a new series 1 120 - 1 123 of TatamiNet grids. 



WHAT IS CLAIMED IS: 

1 LA template for the display of information, said template 

2 having dimensional configuration of a height of approximately a first whole number 

3 of dimensional units and a width of approximately a second whole number of dimen- 

4 sional units, said template comprising: a plurality of grids dimensioned to fill said 

5 template, said grids being dimensioned to have approximately a two dimensional unit 

6 by one dimensional unit configuration. 

\M 2. The template of claim 1, wherein all of said grids of said 

^ template have an approximately two dimensional unit by one dimensional unit 

[ii configurations. 

CJ 3. The template of claim 1, wherein at least one of said grids is 

further subdivided into two grids each having an approximately one dimensional unit 

3 by one dimensional unit configuration. 

1 4. The template of claim 1, wherein said template is provided in 

2 a Web authoring program for generating pages for display with a browser program, 

3 said grids comprising fi*ames in which information may be entered, through said 

4 authoring program and displayed via said browser program. 
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1 5. The template of claim 1, wherein said template is provided 

2 within a software program, said grids comprising frames in which information may 

3 be entered to said software program. 

1 6. A system of templates for the display of information, each said 

2 template having a dimensional configuration of a height of approximately a first 
whole number of dimensional xmits and a width of approximately a second whole 

lj$ number of dimensional units and being subdivided into a plurality of grids 

dimensioned to fill said template, wherein at least one of said grids has an approxi- 

[iB mate two dimensional unit by one dimensional unit configuration, each of said tem- 

i™? plates in said series having a different arrangement of grids therein. 

ft 7. The template system of claim 6, wherein all of said grids of 

2 said series templates have approximately a two dimensional units by one dimension- 

3 al unit configurations. 

1 8. The template system of claim 6, wherein at least one of said 

2 grids is further subdivided into two grids each having an approximately one dimen- 

3 sional unit by one dimensional unit configuration. 
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1 9. The template system of claim 6, wherein said series of 

2 templates is provided in a Web authoring program for generating pages for display 

3 via a browser program, said grids comprising frames in which information may be 

4 entered through said authoring program and displayed via said browser program. 

1 10. The template system of claim 6, wherein said series of 

[;| templates is provided within a software program, said grids comprising frames in 
which information may be entered to said software program. 

'f^ 11 . A method of arranging information, including text and graphic 

i3 images, in a template having a dimensional configuration of a height of approxi- 

3 mately a first whole number of dimensional units and a width of approximately a 
second whole number of dimensional units, said method comprising the step of 

5 providing at least one template subdivided into a plurality of grids dimensioned to 

6 fill said template, wherein at least one of said grids has an approximate two-by-one 

7 dimensional configuration. 
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1 12. The method of claim 11, further comprising the step of 

2 providing a plurality of templates, each said template having a different arrangement 

3 of grids. 

1 13. The method of claim 1 1 , further comprising the step of 

2 separately entering information into each of said grids such that said template 

3 displays different information in said grids. 

LI 14. The method of claim 1 1 , further comprising the step of being 

;g provided for in a Web authoring program for generating pages for display via a 
brov^ser program in which information may be entered through said authoring 

v% program and displayed via said browser program. 

'4 15. A method for displaying text and other information on a 

2 display, said text information having at least two formats, at least one of said formats 

3 having a horizontal directional orientation and at least one of said formats having a 

4 vertical directional orientation, said method comprising: 

5 creating a first screen by dividing the area of the display into a first 

6 plurality of grids, each of said first plurality grids being dimensioned to have 

7 approximately a two dimensional unit by one dimensional unit configuration, at least 
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8 one of said first plurality of grids displaying said text information formatted in said 

9 horizontal directional orientation, said at least one grid having a horizontal orienta- 

1 0 tion corresponding to the orientation of said textual information format; 

11 creating a second screen by dividing the area of the display into a 

12 second plurality of grids, each of said second plurality of grids being dimensioned to 

13 have approximately a two dimensional unit by one dimensional unit configuration, 

14 each said grid having a horizontal or vertical orientation, at least one of said first 
13 plurality of grids displaying said text information formatted in said vertical direc- 
IM tional orientation, said at least one grid having a vertical orientation corresponding to 

the orientation of said textual information format; 
1^4 selecting a first format for said text information from said at least two 

Q formats; and 

Si displaying said screen having said textual information corresponding 

2l to said selected format. 

1 16. The template of claim 1 5, wherein at least one of said grids is 

2 further subdivided into two grids each having an approximately one dimensional unit 

3 by one dimensional unit configuration. 
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ABSTRACT 

A system comprising templates for entering and displaying informa- 
tion/ data, such as in a Web page or browser, or in the interface for software or an 
operating system is disclosed. The screen is divided into an array of grids filling the 
entire area of the template. At least one, and preferably a majority of the grids are 
dimensioned based on the proportions of traditional Japanese tatami mats. The grids 
guide design decisions made by the interface designer or graphics designer in carving 
up and organizing a page, creating an underlying structure and framework for laying 
out and displaying the information/ data. A primary appKcation of the template is in 
interface and website design, in which the template automatically divides the screen 
into frames, each frame being used to enter, edit and/ or display information on the 
computer screen or Web page. The system optionally allows an end-user to reposi- 
tion the grids within the template, reorganizing the information/ data to suit specific 
needs. The system also has application to the control of the directional flow of 
language, wherein repositionable grids are oriented to facilitate vertical or horizontal 
flow of text positioned within said grids. 
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(b) ^^^^ was filed on as Application Serial No. and was amended on 

(if applicable^. 

Q PCT Filed Application Entering National Stage 

r^) was described and claimed in International Application No filed on 

:=n and as amended on (ifcmy), 
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